<template>
<!--    模板必须包含在一个根标签中-->
    <div id="register">
        <h2>欢迎注册</h2>
        <form action="#">
            <p><input type="text" placeholder="请输入用户名"></p>
            <p><input type="password" placeholder="请输入密码"></p>
            <p><input type="button" value="立即注册"></p>
        </form>
    </div>
</template>

<script>
export default {
    name: "Register"
}
</script>

<style scoped>

#register{
    margin: 0 auto;
    width: 300px;
    height: 300px;
    border: 1px solid red;
}
</style>